<nz-row class="mb10">
  <nz-col nzSpan="2">
    <button (click)="newMenu()" nz-button nzType="primary">
      <span nz-icon nzType="plus"></span>
      新建
    </button>
  </nz-col>
</nz-row>
<nz-row>
  <nz-col nzSpan="24">
    <nz-table #basicTable [nzData]="(list$|async)||[]"
              [nzFrontPagination]="false"
              [nzScroll]="{ x: '1200px', y: '600px' }"
              [nzShowPagination]="false"
              nzSize="small" nzTableLayout="fixed">
      <thead>
      <tr>
        <th>名称</th>
        <th>code</th>
        <th>操作</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let data of basicTable.data">
        <td>{{data.name}}</td>
        <td>{{data.code}}</td>
        <td>
          <button (click)="editMenu(data)" [nzSize]="'small'" nz-button nzType="primary">编辑</button>
          <nz-divider nzType="vertical"></nz-divider>
          <button (nzOnConfirm)="deleteMenu(data)" [nzSize]="'small'" nz-button nz-popconfirm
                  nzDanger nzPopconfirmTitle="确定要删除吗？" nzType="primary">删除
          </button>
        </td>
      </tr>
      </tbody>
    </nz-table>
  </nz-col>
</nz-row>

